<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<title>Interim HRM Professionals</title>
	
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width" />
   <meta name="keywords" content="" />
   <meta name="description" content="" />
   <meta name="copyright" content="Remote Office" />
   <meta name="author" content="Brandman; Creative Business Branding" />
   <meta name="publisher" content="Brandman; Creative Business Branding" />
   <meta name="geo.placename" content="" />
   <meta name="geo.position" content="" />
   <meta name="geo.region" content="" />
   <meta name="ICBM" content="" />

   <link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
   <link rel="icon" type="image/ico" href="/favicon.ico" />
   <link rel="apple-touch-icon" href="bitrix/templates/default/images/apple-touch-icon-iphone-57x57.png" />
   <link rel="apple-touch-icon" sizes="72x72" href="bitrix/templates/default/images/apple-touch-icon-ipad.png" />
   <link rel="apple-touch-icon" sizes="114x114" href="bitrix/templates/default/images/apple-touch-icon-iphone4.png" />
	<link rel="stylesheet" href="stylesheets/foundation.css" />
	<link rel="stylesheet" href="stylesheets/app.css" />
	<!--[if lt IE 9]> <link rel="stylesheet" href="stylesheets/ie.css"> <![endif]-->
   <link rel="alternate" type="application/rss+xml" title="Company RSS feed" href="/rss" />
	
	<script src="javascripts/modernizr.foundation.js"></script>
	<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
	<script type="text/javascript">
     var _gaq = _gaq || [];
     _gaq.push(['_setAccount', 'UA-XXXXXXXX-XX']);
     _gaq.push(['_trackPageview']);
   
     (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();
   </script>
</head>
<body id="page1">
<div class="container">
	<div class="row">
		<div class="seven columns">
			<figure id="companylogo"><a title="title" href="/"><img src="images/logo-Interim-HRM-Professionals.png" alt="logo Interim HRM Professionals"></a></figure>
		</div>
		
		<div class="five columns">
			<div class="right">Uw profiel binnen 5 minuten online! <a class="success radius button" href="#">Inschrijven</a></div>
		</div>
	</div>
	
	<div class="row">
		<div class="twelve column">
			<div id="mainmenu">
				<ul class="nav-bar">
					<li class="active"><a href="#">Home</a></li><li><a href="#">Diensten</a></li><li><a href="#">FAQ</a></li><li><a href="#">Inschrijven</a></li><li><a href="#">Contact</a></li><li><a href="#">Inloggen</a></li>
				</ul>
			</div>
		</div>
	</div>
	
	<section class="row">
		<div class="twelve column">
			<div id="banner">
				<div>
					<img src="images/banner.jpg" width="920" height="310" alt="banner" />
				</div>
				
				<div>
					<img src="images/banner.jpg" width="920" height="310" alt="banner" />
				</div>
			</div>
		</div>
	</section>
	
	<div class="row">
		<div class="four column">
			<article>
				<h1>Interimmers gratis enbenaderbaar</h1>
				<form>
					<select>
						<option SELECTED>Functiegroep</option>
						<option>Directie / Management</option>
						<option>Finance &amp; Control</option>
						<option>ICT</option>
						<option>HRM / Salarisadministratie / Training</option>
						<option>Marketing, Sales &amp; Communicatie</option>
						<option>Juridisch &amp; Fiscaal</option>
						<option>Inkoop &amp; logistiek</option>
						<option>Facilitair</option>
						<option>Technisch</option>
						<option>Secretarieel / Administratief</option>
						<option>Medisch</option>
					</select>
						  
					<select>
						<option SELECTED>Branche</option>
						<option>Industrie / Productie / Techniek</option>
						<option>Bouw / Installatie / Vastgoed</option>
						<option>Transport / Logistiek / Luchtvaart</option>
						<option>Post en Telecommunicatie</option>
						<option>Financiële Instellingen / Banken</option>
						<option>Automatisering / IT</option>
						<option>Zakelijke Dienstverlening</option>
						<option>Overheid</option>
						<option>Onderwijs</option>
						<option>Gezondheids- en welzijnszorg</option>
						<option>Milieudienstverlening</option>
						<option>Horeca, Recreatie en Reizen</option>
						<option>Handel / Groothandel</option>
						<option>Overige</option>
					</select>
					
					<input type="text" />
					
					<input type="text" />
					
					<a class="button">Zoeken een interim HRM Professional</a>
				</form>
				<h2>Nulla sit amet tellus et lectus.</h2>
				<p>Fusce sed neque id turpis rhoncus consectetur et in dolor. Morbi id leo quis quam ultricies suscipit. Praesent commodo fermentum ligula, a mattis velit adipiscing quis. Pellentesque ultrices aliquet odio, ac facilisis lacus convallis eu.</p>
				<a class="success radius button right" href="#">Inschrijven</a>
			</article>
		</div>
		
		<div class="four column">
			<article>
				<h1>Interimmers gratis enbenaderbaar</h1>
				<img src="images/img-276x.155.jpg" width="276" height="155" alt="image" />
				<h2>Nulla sit amet tellus et lectus.</h2>
				<p>Fusce sed neque id turpis rhoncus consectetur et in dolor. Morbi id leo quis quam ultricies suscipit. Praesent commodo fermentum ligula, a mattis velit adipiscing quis. Pellentesque ultrices aliquet odio, ac facilisis lacus convallis eu.</p>
				<a class="success radius button right" href="#">Inschrijven</a>
			</article>
		</div>
		
		<div class="four column">
			<article>
				<h1>Interimmers gratis enbenaderbaar</h1>
				<img src="images/img-276x.155.jpg" width="276" height="155" alt="image" />
				<h2>Nulla sit amet tellus et lectus.</h2>
				<p>Fusce sed neque id turpis rhoncus consectetur et in dolor. Morbi id leo quis quam ultricies suscipit. Praesent commodo fermentum ligula, a mattis velit adipiscing quis. Pellentesque ultrices aliquet odio, ac facilisis lacus convallis eu.</p>
				<a class="success radius button right" href="#">Inschrijven</a>
			</article>
		</div>
	</div>
	
	<div class="row">
		<div class="four column">
			<div class="panel radius">
				<article>
					<h1>Key values</h1>
					<span class="has-tip tip-top" data-width="210" title="I'm on the top and I'm not rounded!">"tip-top"</span>				
					<p>Fusce sed neque id turpis rhoncus consectetur et in dolor. Morbi id leo quis quam ultricies suscipit. Praesent commodo fermentum ligula, a mattis velit adipiscing quis. Pellentesque ultrices aliquet odio, ac facilisis lacus convallis eu.</p>
				</article>
			</div>
		</div>
		
		<div class="four column">
			<div class="panel radius">
				<article>
					<h1>Key values</h1>
					<p>Fusce sed neque id turpis rhoncus consectetur et in dolor. Morbi id leo quis quam ultricies suscipit. Praesent commodo fermentum ligula, a mattis velit adipiscing quis. Pellentesque ultrices aliquet odio, ac facilisis lacus convallis eu.</p>
				</article>
			</div>
		</div>
		
		<div class="four column">
			<div class="panel radius">
				<article>
					<h1>Key values</h1>
					<p>Fusce sed neque id turpis rhoncus consectetur et in dolor. Morbi id leo quis quam ultricies suscipit. Praesent commodo fermentum ligula, a mattis velit adipiscing quis. Pellentesque ultrices aliquet odio, ac facilisis lacus convallis eu.</p>
				</article>
			</div>
		</div>
	</div>
	
	<footer class="row">
		<div class="six column">
			<dl class="sub-nav">
				<dd><a title="Disclaimer" href="#">© Killroy productions</a></dd><dd class="last"><a target="_blank" title="Brandman; Creative Business Branding" href="http://www.brandman.nl/">Brandman</a></dd>
			</dl>
		</div>
		
		<div class="six column">
			<dl class="sub-nav right">
				<dd><a title="Gebruiksvoorwaarden" href="#">Gebruiksvoorwaarden</a></dd><dd><a title="Colofon" href="#">Colofon</a></dd><dd class="last"><a title="Adverteren" href="#">Adverteren</a></dd>
			</dl>
		</div>
	</footer>
</div><!-- container -->

<script src="javascripts/jquery.min.js"></script>
<script src="javascripts/foundation.js"></script>
<script type="text/javascript"> 
   $(window).load(function() {
	 $('#banner').orbit({
     animation: 'horizontal-push',			// fade, horizontal-slide, vertical-slide, horizontal-push
     animationSpeed: 800,                	// how fast animtions are
     timer: true,									// true or false to have the timer
     resetTimerOnClick: false,           	// true resets the timer instead of pausing slideshow progress
     advanceSpeed: 4000, 		 				// if timer is enabled, time between transitions 
     pauseOnHover: false, 		 				// if you hover pauses the slider
     startClockOnMouseOut: false, 	 		// if clock should start on MouseOut
     startClockOnMouseOutAfter: 1000, 	 	// how long after MouseOut should the timer start again
     directionalNav: false, 		 			// manual advancing directional navs
     captions: false, 			 				// do you want captions?
     captionAnimation: 'fade', 				// fade, slideOpen, none
     captionAnimationSpeed: 800, 	 		// if so how quickly should they animate in
     bullets: false,			 					// true or false to activate the bullet navigation
     bulletThumbs: false,		 				// thumbnails for the bullets
     bulletThumbLocation: '',		 			// location from this file where thumbs will be
     afterSlideChange: function(){}, 	 	// empty function 
     fluid: '16x6'                        // or set a aspect ratio for content slides (ex: '4x3') 
	});
   });
</script>
</body>
</html>
